<template>
  <div class="box">
    <h3>Child</h3>
    <div>父组件传过来的conut：{{ count }}</div>
    <!-- <button @click="count++">自增</button> -->
    <button @click="increment(5)">修改父组件中count的值</button>
  </div>
</template>

<script lang="ts" setup>
// 加TS的写法
// 注意: 在TS类型中除了Function大写,其他小写
//       如果是数组,自己定义 type 类型
//       如果是对象,需要自己定义 interface 接口
defineProps<{
  count: number,
  // increment: Function
  increment: (num: number) => void
}>()
// 数组写法
// defineProps(['count'])
// 对象写法
// defineProps({
//   count: Number
// })
// 配置对象写法
// defineProps({
//   conut: {
//     type: Number,
//     required: true,//必填
//     // default: 4 // default和required互斥
//   }
// })
</script>
